<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<style>

.modal-iframclass1{
	width:100%;
}

</style>
<div ng-controller="warningNoticeController as controller">

				<div class="wrap">
					<div class="topDiv">
						<div class="topDivItem active pending">
							<div class="topDivItemIcon1"></div>待处理
						</div>
						<div class="topDivItem resolve">
							<div class="topDivItemIcon2"></div>已处理
						</div>
						<div class="topDivItem all">
							<div class="topDivItemIcon3"></div>全部
						</div>
					</div>
					<div class="midDiv">
						<div class="pendingDiv">
							<div class="pendingDivRow">
								<div class="pendingDivCol_3">
									<div class="midDivLabel">监控状态：</div>
									<div class="midDivDropmenu">
										<div class="midDivMain">忽略发送</div>
										<div class="midDivDropmenuIcon"></div>
										<div class="Dropmenu">
											<div class="DropmenuItem">
												已发送联系人
												<div class="DropmenuSelect"></div>
											</div>
											<div class="DropmenuItem">
												发送联系人失败
												<div class="DropmenuSelect"></div>
											</div>
											<div class="DropmenuItem active">
												忽略发送
												<div class="DropmenuSelect"></div>
											</div>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<div class="pendingDivCol_3">
									<div class="midDivLabel">监控指标：</div>
									<div class="midDivDropmenu">
										<div class="midDivMain">全部</div>
										<div class="midDivDropmenuIcon"></div>
										<div class="Dropmenu">
											<div class="DropmenuItem active">
												全部
												<div class="DropmenuSelect"></div>
											</div>
											<div class="DropmenuItem">
												主机监控
												<div class="DropmenuSelect"></div>
											</div>
											<div class="DropmenuItem">
												分布式数据库监控
												<div class="DropmenuSelect"></div>
											</div>
											<div class="DropmenuItem">
												消息中间件监控
												<div class="DropmenuSelect"></div>
											</div>
											<div class="DropmenuItem ">
												分布式缓存监控
												<div class="DropmenuSelect"></div>
											</div>
											<div class="DropmenuItem ">
												应用监控
												<div class="DropmenuSelect"></div>
											</div>
										</div>
									</div>
								</div>
								<div class="pendingDivCol_4">
									<div class="midDivLabel" style="margin-right: 0px;">预警时间：</div>
									<div class="midDivTime">

										<div class="laydate-icon" id="resolvedend" style="width:150px;padding-left: 10px;">
																<input type="text"
						style="height: 34px;border-radius: 4px;float:left; padding-left: 6px;"
						uib-datepicker-popup="{{controller.format2}}"
						ng-model="controller.queryCondition.date2"
						is-open="controller.popup2.opened" close-text="关闭" clear-text="清空"
						current-text="今天" alt-input-formats="controller.altInputFormats"
						datepicker-options="controller.dateOptions"
						ng-change="controller.changeDate();"
						ng-click="controller.open2();" />
										
										</div>
								<div class="short" style="width: 9px; margin-left: 20px;margin-right: 0px;">~</div>		
						<div class="laydate-icon" id="resolvedstart" style="width:150px;">
							<input type="text"
						style="height: 34px;border-radius: 4px;float:left;padding-left: 6px;"
						uib-datepicker-popup="{{controller.format}}"
						ng-model="controller.queryCondition.date"
						is-open="controller.popup1.opened" close-text="关闭" clear-text="清空"
						current-text="今天" alt-input-formats="controller.altInputFormats"
						datepicker-options="controller.dateOptions"
						ng-change="controller.changeDate();"
						ng-click="controller.open1();" />
										
										</div>
										
									</div>
									<div class="clear"></div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="pendingDivRow" style="margin-bottom: 0;">
								<div class="pendingDivCol_7">
									<div class="midDivLabel">预警级别：</div>
									<div class="midDivList">
										<div class="midDivItem active">全部</div>
										<div class="midDivItem">预警</div>
										<div class="midDivItem">危险</div>
										<div class="midDivItem">严重</div>
									</div>
								</div>
								<div class="pendingDivCol_3">
									<button class="resetBtn"><i></i>重置</button>
									<button class="searchBtn"><i></i>搜索</button>
									<div class="clear"></div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
						</div>

					</div>
					<div class="midTableWrap">
						<table border="0" cellspacing="0" cellpadding="0" class="midTable" id="warningNoticeTable">
							<tr>
								<th style="text-align: center"></th>
								<th style="text-align: center">KPI</th>
								<th style="text-align: center">状态</th>
								<th style="text-align: center">告警时间</th>
								<th style="text-align: center">告警级别</th>
								<th style="text-align: center">告警情况</th>
								<th style="text-align: center">IP</th>
								<th style="text-align: center">操作</th>
							</tr>
						</table>
					</div>
				</div>
				

